<template>
	<div class="index">
		<div class="content">
			<RankingLeft @setsongid="setSongId" :id="id"></RankingLeft>
			<RankingRight :id="id"></RankingRight>
		</div>
		<ToTop></ToTop>
		<BtmbarView></BtmbarView>
	</div>
</template>

<script>
export default {
	name: "RankingListView",
};
</script>

<script setup>
import { ref } from "vue";

import RankingLeft from "./RankingLeft";
import RankingRight from "./RankingRight";

const id = ref(3);

const setSongId = (sid) => {
	id.value = sid;
};
</script>

<style lang="less" scoped>
.index {
	min-width: 982px;
	background: #f5f5f5;
	.content {
		width: 980px;
		min-height: 700px;
		margin: 0 auto;
		overflow: hidden;
		border: 1px solid #d3d3d3;
		border-width: 0 1px;
	}
}
</style>
